<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<link rel="icon" href="../img/1.ico">

		<title>登录</title>
		<link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
		<link href="../css/login.css" rel="stylesheet" />
	</head>

	<body>
		<div class="container">
			<form class="form-signin" role="form">
				<h2 class="form-signin-heading">请输入账号密码</h2>

				<div class="form-group">
					<label for="firstname" class="col-sm-2 control-label">用户名</label>
					<div class="col-sm-10">
						<input type="text" class="form-control" id="firstname" placeholder="请输入账号" required autofocus>
					</div>
				</div>

				<div class="form-group ">
					<label for="password " class="col-sm-2 control-label ">密码</label>
					<div class="col-sm-10">
						<input type="password" class="form-control " id="password " placeholder="请输入密码 " required autofocus>
					</div>
				</div>

			</form>

		</div>
		<div class="container">
			<div class="col-md-1"></div>
			<div class="col-md-10">
				<div style="height: 20px;">
					<div style="float: left;">
						<button type="button" id="tab1" class="btn btn-primary">tab1</button>
					</div>
					<div style="float: left;">
						<button type="button" id="tab2" class="btn btn-primary">tab2</button>
					</div>
				</div>
				<div id="main" style="height: 350px;"></div>
			</div>
			<div class="col-md-1 "></div>
		</div>
		<div class="container" style="margin-top: 20px;">
			<div class="col-md-12">
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
					<!-- Indicators -->
					<ol class="carousel-indicators">
						<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
						<li data-target="#carousel-example-generic" data-slide-to="1"></li>
						<li data-target="#carousel-example-generic" data-slide-to="2"></li>
					</ol>

					<!-- Wrapper for slides -->
					<div class="carousel-inner" role="listbox">
						<div class="item active">
							<img src="../img/index.jpg" width="100%" alt="...">
							<div class="carousel-caption">
								...
							</div>
						</div>
						<div class="item">
							<img src="../img/index.jpg" width="100%" alt="...">
							<div class="carousel-caption">
								...
							</div>
						</div>
						<div class="item">
							<img src="../img/index.jpg" width="100%" alt="...">
							<div class="carousel-caption">
								...
							</div>
						</div>
					</div>

					<!-- Controls -->
					<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
						<span class="glyphicon glyphicon-chevron-left"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
						<span class="glyphicon glyphicon-chevron-right"></span>
						<span class="sr-only">Next</span>
					</a>
				</div>
			</div>
		</div>

		<script src="//cdn.bootcss.com/jquery/1.11.1/jquery.min.js "></script>
		<script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js "></script>
		<script src="../js/echarts/build/dist/echarts.js"></script>
		<script src="../js/login.js"></script>

	</body>

</html>